﻿<!DOCTYPE html>
<html>
  <head>
    <title>创建审批步骤。</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/创建审批步骤。/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/创建审批步骤。/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (管理员（转到普通成员界面）) -->

      <!-- Unnamed (组 合) -->
      <div id="u31138" class="ax_default" data-left="0" data-top="0" data-width="395" data-height="810">

        <!-- Unnamed (图片) -->
        <div id="u31139" class="ax_default _图片">
          <img id="u31139_img" class="img " src="images/创建工单/u2.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u31140" class="ax_default _一级标题">
          <div id="u31140_div" class=""></div>
          <div id="u31140_text" class="text ">
            <p><span style="font-family:'应用字体 Bold', '应用字体';">转到普通成员页面</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u31141" class="ax_default _形状">
        <div id="u31141_div" class=""></div>
        <div id="u31141_text" class="text ">
          <p><span style="font-family:'应用字体 Bold', '应用字体';">创建审批步骤</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u31142" class="ax_default _图片">
        <img id="u31142_img" class="img " src="images/创建工单/u7.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u31143" class="ax_default _文本段落">
        <div id="u31143_div" class=""></div>
        <div id="u31143_text" class="text ">
          <p><span style="font-family:'应用字体 Bold', '应用字体';">完成</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u31144" class="ax_default" data-left="18" data-top="320" data-width="360" data-height="72">

        <!-- 12 (矩形) -->
        <div id="u31145" class="ax_default _文本段落" data-label="12">
          <div id="u31145_div" class=""></div>
          <div id="u31145_text" class="text ">
            <p><span style="font-family:'应用字体 Regular', '应用字体';">比如：部门经理审核 → 财务部门复核 → ...</span></p>
          </div>
        </div>

        <!-- 1 (动态面板) -->
        <div id="u31146" class="ax_default ax_default_hidden" data-label="1" style="display:none; visibility: hidden">
          <div id="u31146_state0" class="panel_state" data-label="State1" style="">
            <div id="u31146_state0_content" class="panel_state_content">

              <!-- Unnamed (组 合) -->
              <div id="u31147" class="ax_default" data-left="0" data-top="0" data-width="360" data-height="50">

                <!-- Unnamed (矩形) -->
                <div id="u31148" class="ax_default _形状">
                  <div id="u31148_div" class=""></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u31149" class="ax_default _形状">
                  <div id="u31149_div" class=""></div>
                  <div id="u31149_text" class="text ">
                    <p><span style="font-family:'应用字体 Regular', '应用字体';">2</span></p>
                  </div>
                </div>

                <!-- 步骤一：步骤名称 (矩形) -->
                <div id="u31150" class="ax_default _文本段落" data-label="步骤一：步骤名称">
                  <div id="u31150_div" class=""></div>
                  <div id="u31150_text" class="text ">
                    <p><span style="font-family:'应用字体 Regular', '应用字体';">项目经理审批</span></p>
                  </div>
                </div>

                <!-- 步骤一：审批人 (矩形) -->
                <div id="u31151" class="ax_default _文本段落" data-label="步骤一：审批人">
                  <div id="u31151_div" class=""></div>
                  <div id="u31151_text" class="text ">
                    <p><span style="font-family:'应用字体 Regular', '应用字体';">张三、李四</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u31152" class="ax_default _文本段落">
                  <div id="u31152_div" class=""></div>
                  <div id="u31152_text" class="text ">
                    <p><span style="font-family:'应用字体 Regular', '应用字体';">审批人：</span></p>
                  </div>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u31153" class="ax_default _图片">
                  <img id="u31153_img" class="img " src="images/设置自定义字段。/u30873.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u31154" class="ax_default _一级标题">
                  <div id="u31154_div" class=""></div>
                  <div id="u31154_text" class="text ">
                    <p><span style="font-family:'应用字体 Bold', '应用字体';">点击并上下拖动右侧图</span></p><p><span style="font-family:'应用字体 Bold', '应用字体';">标，可改变步骤顺序</span></p>
                  </div>
                </div>

                <!-- Unnamed (热区) -->
                <div id="u31155" class="ax_default">
                </div>

                <!-- Unnamed (图片) -->
                <div id="u31156" class="ax_default _图片">
                  <img id="u31156_img" class="img " src="images/设置自定义字段。/u30876.png"/>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u31157" class="ax_default _形状">
          <div id="u31157_div" class=""></div>
          <div id="u31157_text" class="text ">
            <p><span style="font-family:'应用字体 Bold', '应用字体';">添加审批步骤 +</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u31158" class="ax_default _一级标题">
        <div id="u31158_div" class=""></div>
        <div id="u31158_text" class="text ">
          <p><span style="font-family:'应用字体 Bold', '应用字体';">备注：可添加多个审批步骤</span></p><p><span style="font-family:'应用字体 Bold', '应用字体';">至少要有一步审批步骤</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u31159" class="ax_default" data-left="18" data-top="260" data-width="360" data-height="50">

        <!-- Unnamed (矩形) -->
        <div id="u31160" class="ax_default _形状">
          <div id="u31160_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u31161" class="ax_default _形状">
          <div id="u31161_div" class=""></div>
          <div id="u31161_text" class="text ">
            <p><span style="font-family:'应用字体 Regular', '应用字体';">1</span></p>
          </div>
        </div>

        <!-- 步骤一：步骤名称 (矩形) -->
        <div id="u31162" class="ax_default _文本段落" data-label="步骤一：步骤名称">
          <div id="u31162_div" class=""></div>
          <div id="u31162_text" class="text ">
            <p><span style="font-family:'应用字体 Regular', '应用字体';">项目经理审批</span></p>
          </div>
        </div>

        <!-- 步骤一：审批人 (矩形) -->
        <div id="u31163" class="ax_default _文本段落" data-label="步骤一：审批人">
          <div id="u31163_div" class=""></div>
          <div id="u31163_text" class="text ">
            <p><span style="font-family:'应用字体 Regular', '应用字体';">张三、李四</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u31164" class="ax_default _文本段落">
          <div id="u31164_div" class=""></div>
          <div id="u31164_text" class="text ">
            <p><span style="font-family:'应用字体 Regular', '应用字体';">审批人：</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u31165" class="ax_default _图片">
          <img id="u31165_img" class="img " src="images/设置自定义字段。/u30873.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u31166" class="ax_default _一级标题">
          <div id="u31166_div" class=""></div>
          <div id="u31166_text" class="text ">
            <p><span style="font-family:'应用字体 Bold', '应用字体';">点击并上下拖动右侧图</span></p><p><span style="font-family:'应用字体 Bold', '应用字体';">标，可改变步骤顺序</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u31167" class="ax_default _图片">
          <img id="u31167_img" class="img " src="images/设置自定义字段。/u30876.png"/>
        </div>

        <!-- Unnamed (热区) -->
        <div id="u31168" class="ax_default">
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u31169" class="ax_default _图片">
        <img id="u31169_img" class="img " src="images/创建审批步骤。/u31169.png"/>
      </div>

      <!-- 审批步骤 (动态面板) -->
      <div id="u31170" class="ax_default ax_default_hidden" data-label="审批步骤" style="display:none; visibility: hidden">
        <div id="u31170_state0" class="panel_state" data-label="添加" style="">
          <div id="u31170_state0_content" class="panel_state_content">

            <!-- 添加审批步骤 (组 合) -->
            <div id="u31171" class="ax_default" data-label="添加审批步骤" data-left="0" data-top="0" data-width="360" data-height="540">

              <!-- Unnamed (矩形) -->
              <div id="u31172" class="ax_default _形状">
                <div id="u31172_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u31173" class="ax_default _形状">
                <div id="u31173_div" class=""></div>
              </div>

              <!-- Unnamed (组 合) -->
              <div id="u31174" class="ax_default" data-left="50" data-top="274" data-width="260" data-height="43">

                <!-- Unnamed (矩形) -->
                <div id="u31175" class="ax_default _形状">
                  <div id="u31175_div" class=""></div>
                  <div id="u31175_text" class="text ">
                    <p><span style="font-family:'应用字体 Regular', '应用字体';">审批人</span></p>
                  </div>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u31176" class="ax_default _图片">
                  <img id="u31176_img" class="img " src="images/创建工单/u12.png"/>
                </div>

                <!-- 请选择审批人 (矩形) -->
                <div id="u31177" class="ax_default _文本段落" data-label="请选择审批人">
                  <div id="u31177_div" class=""></div>
                  <div id="u31177_text" class="text ">
                    <p><span style="font-family:'应用字体 Regular', '应用字体';">请选择审批人</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u31178" class="ax_default _形状">
                <div id="u31178_div" class=""></div>
                <div id="u31178_text" class="text ">
                  <p><span style="font-family:'应用字体 Regular', '应用字体';">第1步</span></p>
                </div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u31179" class="ax_default _水平线">
                <img id="u31179_img" class="img " src="images/设置自定义字段。/u30974.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u31180" class="ax_default _一级标题">
                <div id="u31180_div" class=""></div>
                <div id="u31180_text" class="text ">
                  <p><span style="font-family:'应用字体 Bold', '应用字体';">随着步骤增多，此处按1、2、3、...顺序</span></p>
                </div>
              </div>

              <!-- 添加步骤名称 (文本框) -->
              <div id="u31181" class="ax_default" data-label="添加步骤名称">
                <input id="u31181_input" type="text" value="" class="text_sketch"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u31182" class="ax_default box_1">
                <div id="u31182_div" class=""></div>
                <div id="u31182_text" class="text ">
                  <p><span style="font-family:'应用字体 Regular', '应用字体';">取消</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u31183" class="ax_default box_1">
                <div id="u31183_div" class=""></div>
                <div id="u31183_text" class="text ">
                  <p><span style="font-family:'应用字体 Regular', '应用字体';">确认</span></p>
                </div>
              </div>
            </div>

            <!-- 选择审批人 (动态面板) -->
            <div id="u31184" class="ax_default ax_default_hidden" data-label="选择审批人" style="display:none; visibility: hidden">
              <div id="u31184_state0" class="panel_state" data-label="选择审批人（添加）" style="">
                <div id="u31184_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u31185" class="ax_default _形状">
                    <div id="u31185_div" class=""></div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31186" class="ax_default _形状">
                    <div id="u31186_div" class=""></div>
                    <div id="u31186_text" class="text ">
                      <p><span style="font-family:'应用字体 Bold', '应用字体';">选择审批人</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u31187" class="ax_default _图片">
                    <img id="u31187_img" class="img " src="images/创建工单/u7.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31188" class="ax_default _形状">
                    <div id="u31188_div" class=""></div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31189" class="ax_default _文本段落">
                    <div id="u31189_div" class=""></div>
                    <div id="u31189_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">部门一</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31190" class="ax_default _文本段落">
                    <div id="u31190_div" class=""></div>
                    <div id="u31190_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">部门（2）</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31191" class="ax_default _形状">
                    <div id="u31191_div" class=""></div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u31192" class="ax_default _图片">
                    <img id="u31192_img" class="img " src="images/创建工单/u122.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31193" class="ax_default _文本段落">
                    <div id="u31193_div" class=""></div>
                    <div id="u31193_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">搜索</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u31194" class="ax_default _图片">
                    <img id="u31194_img" class="img " src="images/创建工单/u12.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31195" class="ax_default _形状">
                    <div id="u31195_div" class=""></div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31196" class="ax_default _文本段落">
                    <div id="u31196_div" class=""></div>
                    <div id="u31196_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">部门二</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u31197" class="ax_default _图片">
                    <img id="u31197_img" class="img " src="images/创建工单/u12.png"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31198" class="ax_default _文本段落">
                    <div id="u31198_div" class=""></div>
                    <div id="u31198_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">联系人（3）</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组 合) -->
                  <div id="u31199" class="ax_default" data-left="0" data-top="278" data-width="360" data-height="53">

                    <!-- Unnamed (矩形) -->
                    <div id="u31200" class="ax_default _形状">
                      <div id="u31200_div" class=""></div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31201" class="ax_default _形状">
                      <div id="u31201_div" class=""></div>
                      <div id="u31201_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">头像</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31202" class="ax_default _文本段落">
                      <div id="u31202_div" class=""></div>
                      <div id="u31202_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">张三（管理员）</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31203" class="ax_default _文本段落">
                      <div id="u31203_div" class=""></div>
                      <div id="u31203_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">部门 职位</span></p>
                      </div>
                    </div>

                    <!-- 张三 (复选框) -->
                    <div id="u31204" class="ax_default _复选框" data-label="张三">
                      <label for="u31204_input" style="position: absolute; left: 0px;">
                        <div id="u31204_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </label>
                      <input id="u31204_input" type="checkbox" value="checkbox"/>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31205" class="ax_default _形状">
                    <div id="u31205_div" class=""></div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31206" class="ax_default _形状">
                    <div id="u31206_div" class=""></div>
                    <div id="u31206_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">头像</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31207" class="ax_default _文本段落">
                    <div id="u31207_div" class=""></div>
                    <div id="u31207_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">李四</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31208" class="ax_default _文本段落">
                    <div id="u31208_div" class=""></div>
                    <div id="u31208_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">部门 职位</span></p>
                    </div>
                  </div>

                  <!-- 李四 (复选框) -->
                  <div id="u31209" class="ax_default _复选框" data-label="李四">
                    <label for="u31209_input" style="position: absolute; left: 0px;">
                      <div id="u31209_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </label>
                    <input id="u31209_input" type="checkbox" value="checkbox"/>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31210" class="ax_default _形状">
                    <div id="u31210_div" class=""></div>
                  </div>

                  <!-- 完成按钮 (矩形) -->
                  <div id="u31211" class="ax_default _形状" data-label="完成按钮">
                    <div id="u31211_div" class=""></div>
                    <div id="u31211_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">完成（0）</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31212" class="ax_default _文本段落">
                    <div id="u31212_div" class=""></div>
                    <div id="u31212_text" class="text ">
                      <p><span style="font-family:'应用字体 Bold', '应用字体';">点击，可取消选定</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31213" class="ax_default _文本段落">
                    <div id="u31213_div" class=""></div>
                    <div id="u31213_text" class="text ">
                      <p><span style="font-family:'应用字体 Bold', '应用字体';">未激活成员不可选择</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31214" class="ax_default _形状">
                    <div id="u31214_div" class=""></div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31215" class="ax_default _形状">
                    <div id="u31215_div" class=""></div>
                    <div id="u31215_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">头像</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31216" class="ax_default _文本段落">
                    <div id="u31216_div" class=""></div>
                    <div id="u31216_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">王五</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31217" class="ax_default _文本段落">
                    <div id="u31217_div" class=""></div>
                    <div id="u31217_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">未激活</span></p>
                    </div>
                  </div>

                  <!-- 张三头像（前） (矩形) -->
                  <div id="u31218" class="ax_default _形状 ax_default_hidden" data-label="张三头像（前）" style="display:none; visibility: hidden">
                    <div id="u31218_div" class=""></div>
                    <div id="u31218_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">张三</span></p>
                    </div>
                  </div>

                  <!-- 李四头像（后） (矩形) -->
                  <div id="u31219" class="ax_default _形状 ax_default_hidden" data-label="李四头像（后）" style="display:none; visibility: hidden">
                    <div id="u31219_div" class=""></div>
                    <div id="u31219_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">李四</span></p>
                    </div>
                  </div>

                  <!-- 李四头像（前） (矩形) -->
                  <div id="u31220" class="ax_default _形状 ax_default_hidden" data-label="李四头像（前）" style="display:none; visibility: hidden">
                    <div id="u31220_div" class=""></div>
                    <div id="u31220_text" class="text ">
                      <p><span style="font-family:'应用字体 Regular', '应用字体';">李四</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u31170_state1" class="panel_state" data-label="编辑" style="visibility: hidden;">
          <div id="u31170_state1_content" class="panel_state_content">

            <!-- 编辑审批步骤 (组 合) -->
            <div id="u31221" class="ax_default" data-label="编辑审批步骤" data-left="0" data-top="0" data-width="360" data-height="540">

              <!-- Unnamed (矩形) -->
              <div id="u31222" class="ax_default _形状">
                <div id="u31222_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u31223" class="ax_default _形状">
                <div id="u31223_div" class=""></div>
              </div>

              <!-- Unnamed (组 合) -->
              <div id="u31224" class="ax_default" data-left="49" data-top="275" data-width="260" data-height="43">

                <!-- Unnamed (矩形) -->
                <div id="u31225" class="ax_default _形状">
                  <div id="u31225_div" class=""></div>
                  <div id="u31225_text" class="text ">
                    <p><span style="font-family:'应用字体 Regular', '应用字体';">审批人</span></p>
                  </div>
                </div>

                <!-- 张三、李四 (矩形) -->
                <div id="u31226" class="ax_default _文本段落" data-label="张三、李四">
                  <div id="u31226_div" class=""></div>
                  <div id="u31226_text" class="text ">
                    <p><span style="font-family:'应用字体 Regular', '应用字体';">张三、李四</span></p>
                  </div>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u31227" class="ax_default _图片">
                  <img id="u31227_img" class="img " src="images/创建工单/u12.png"/>
                </div>
              </div>

              <!-- 编辑步骤名称 (文本框) -->
              <div id="u31228" class="ax_default" data-label="编辑步骤名称">
                <input id="u31228_input" type="text" value="部门经理审批" class="text_sketch"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u31229" class="ax_default box_1">
                <div id="u31229_div" class=""></div>
                <div id="u31229_text" class="text ">
                  <p><span style="font-family:'应用字体 Regular', '应用字体';">取消</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u31230" class="ax_default box_1">
                <div id="u31230_div" class=""></div>
                <div id="u31230_text" class="text ">
                  <p><span style="font-family:'应用字体 Regular', '应用字体';">确认</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u31231" class="ax_default _形状">
                <div id="u31231_div" class=""></div>
                <div id="u31231_text" class="text ">
                  <p><span style="font-family:'应用字体 Regular', '应用字体';">第1步</span></p>
                </div>
              </div>
            </div>

            <!-- 编辑审批人 (动态面板) -->
            <div id="u31232" class="ax_default ax_default_hidden" data-label="编辑审批人" style="display:none; visibility: hidden">
              <div id="u31232_state0" class="panel_state" data-label="编辑审批人（添加）" style="">
                <div id="u31232_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u31233" class="ax_default _形状">
                    <div id="u31233_div" class=""></div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31234" class="ax_default _形状">
                    <div id="u31234_div" class=""></div>
                    <div id="u31234_text" class="text ">
                      <p><span style="font-family:'应用字体 Bold', '应用字体';">审批人</span></p>
                    </div>
                  </div>

                  <!-- 张三 (组 合) -->
                  <div id="u31235" class="ax_default" data-label="张三" data-left="0" data-top="54" data-width="360" data-height="53">

                    <!-- Unnamed (矩形) -->
                    <div id="u31236" class="ax_default _形状">
                      <div id="u31236_div" class=""></div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31237" class="ax_default _文本段落">
                      <div id="u31237_div" class=""></div>
                      <div id="u31237_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">张三</span></p>
                      </div>
                    </div>

                    <!-- 000 (图片) -->
                    <div id="u31238" class="ax_default _图片 ax_default_hidden" data-label="000" style="display:none; visibility: hidden">
                      <img id="u31238_img" class="img " src="images/发布页面/u2044.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31239" class="ax_default _文本段落">
                      <div id="u31239_div" class=""></div>
                      <div id="u31239_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">部门 职位</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- 000 (图片) -->
                  <div id="u31240" class="ax_default _图片" data-label="000">
                    <img id="u31240_img" class="img " src="images/创建工单/u7.png"/>
                  </div>

                  <!-- 李四 (组 合) -->
                  <div id="u31241" class="ax_default" data-label="李四" data-left="0" data-top="107" data-width="360" data-height="53">

                    <!-- Unnamed (矩形) -->
                    <div id="u31242" class="ax_default _形状">
                      <div id="u31242_div" class=""></div>
                    </div>

                    <!-- 000 (图片) -->
                    <div id="u31243" class="ax_default _图片 ax_default_hidden" data-label="000" style="display:none; visibility: hidden">
                      <img id="u31243_img" class="img " src="images/发布页面/u2044.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31244" class="ax_default _文本段落">
                      <div id="u31244_div" class=""></div>
                      <div id="u31244_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">李四</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31245" class="ax_default _文本段落">
                      <div id="u31245_div" class=""></div>
                      <div id="u31245_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">部门 职位</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u31246" class="ax_default _图片">
                    <img id="u31246_img" class="img " src="images/通知详情（本人发布）/u2243.png"/>
                  </div>

                  <!-- 111 (矩形) -->
                  <div id="u31247" class="ax_default _形状 ax_default_hidden" data-label="111" style="display:none; visibility: hidden">
                    <div id="u31247_div" class=""></div>
                    <div id="u31247_text" class="text ">
                      <p><span style="font-family:'应用字体 Bold', '应用字体';">完成</span></p>
                    </div>
                  </div>

                  <!-- 更多 (动态面板) -->
                  <div id="u31248" class="ax_default ax_default_hidden" data-label="更多" style="display:none; visibility: hidden">
                    <div id="u31248_state0" class="panel_state" data-label="State1" style="">
                      <div id="u31248_state0_content" class="panel_state_content">

                        <!-- Unnamed (矩形) -->
                        <div id="u31249" class="ax_default _形状">
                          <div id="u31249_div" class=""></div>
                          <div id="u31249_text" class="text ">
                            <p><span style="font-family:'应用字体 Regular', '应用字体';">添加成员</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u31250" class="ax_default _形状">
                          <div id="u31250_div" class=""></div>
                          <div id="u31250_text" class="text ">
                            <p><span style="font-family:'应用字体 Regular', '应用字体';">移出成员</span></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u31251" class="ax_default _文本段落">
                    <div id="u31251_div" class=""></div>
                    <div id="u31251_text" class="text ">
                      <p><span style="font-family:'应用字体 Bold', '应用字体';">点击添加成员则会进入到选择审批人界面，并且已被选中的成员要有显示，并且不可取消</span></p>
                    </div>
                  </div>

                  <!-- 选择审批人 (组 合) -->
                  <div id="u31252" class="ax_default ax_default_hidden" data-label="选择审批人" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

                    <!-- Unnamed (矩形) -->
                    <div id="u31253" class="ax_default _形状">
                      <div id="u31253_div" class=""></div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31254" class="ax_default _形状">
                      <div id="u31254_div" class=""></div>
                      <div id="u31254_text" class="text ">
                        <p><span style="font-family:'应用字体 Bold', '应用字体';">选择审批人</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (图片) -->
                    <div id="u31255" class="ax_default _图片">
                      <img id="u31255_img" class="img " src="images/创建工单/u7.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31256" class="ax_default _形状">
                      <div id="u31256_div" class=""></div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31257" class="ax_default _文本段落">
                      <div id="u31257_div" class=""></div>
                      <div id="u31257_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">部门一</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31258" class="ax_default _文本段落">
                      <div id="u31258_div" class=""></div>
                      <div id="u31258_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">部门（2）</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31259" class="ax_default _形状">
                      <div id="u31259_div" class=""></div>
                    </div>

                    <!-- Unnamed (图片) -->
                    <div id="u31260" class="ax_default _图片">
                      <img id="u31260_img" class="img " src="images/创建工单/u122.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31261" class="ax_default _文本段落">
                      <div id="u31261_div" class=""></div>
                      <div id="u31261_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">搜索</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (图片) -->
                    <div id="u31262" class="ax_default _图片">
                      <img id="u31262_img" class="img " src="images/创建工单/u12.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31263" class="ax_default _形状">
                      <div id="u31263_div" class=""></div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31264" class="ax_default _文本段落">
                      <div id="u31264_div" class=""></div>
                      <div id="u31264_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">部门二</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (图片) -->
                    <div id="u31265" class="ax_default _图片">
                      <img id="u31265_img" class="img " src="images/创建工单/u12.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31266" class="ax_default _文本段落">
                      <div id="u31266_div" class=""></div>
                      <div id="u31266_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">联系人（3）</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31267" class="ax_default _形状">
                      <div id="u31267_div" class=""></div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31268" class="ax_default _形状">
                      <div id="u31268_div" class=""></div>
                      <div id="u31268_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">头像</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31269" class="ax_default _文本段落">
                      <div id="u31269_div" class=""></div>
                      <div id="u31269_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">张三（管理员）</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31270" class="ax_default _文本段落">
                      <div id="u31270_div" class=""></div>
                      <div id="u31270_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">部门 职位</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31271" class="ax_default _形状">
                      <div id="u31271_div" class=""></div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31272" class="ax_default _形状">
                      <div id="u31272_div" class=""></div>
                      <div id="u31272_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">头像</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31273" class="ax_default _文本段落">
                      <div id="u31273_div" class=""></div>
                      <div id="u31273_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">李四</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31274" class="ax_default _文本段落">
                      <div id="u31274_div" class=""></div>
                      <div id="u31274_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">部门 职位</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (热区) -->
                    <div id="u31275" class="ax_default">
                    </div>

                    <!-- Unnamed (热区) -->
                    <div id="u31276" class="ax_default">
                    </div>

                    <!-- Unnamed (组 合) -->
                    <div id="u31277" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                      <!-- 李四 (复选框) -->
                      <div id="u31278" class="ax_default _复选框" data-label="李四">
                        <label for="u31278_input" style="position: absolute; left: 0px;">
                          <div id="u31278_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </label>
                        <input id="u31278_input" type="checkbox" value="checkbox"/>
                      </div>

                      <!-- 张三 (复选框) -->
                      <div id="u31279" class="ax_default _复选框" data-label="张三">
                        <label for="u31279_input" style="position: absolute; left: 0px;">
                          <div id="u31279_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </label>
                        <input id="u31279_input" type="checkbox" value="checkbox"/>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31280" class="ax_default _形状">
                      <div id="u31280_div" class=""></div>
                    </div>

                    <!-- 完成按钮 (矩形) -->
                    <div id="u31281" class="ax_default _形状" data-label="完成按钮">
                      <div id="u31281_div" class=""></div>
                      <div id="u31281_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">完成（2）</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31282" class="ax_default _文本段落">
                      <div id="u31282_div" class=""></div>
                      <div id="u31282_text" class="text ">
                        <p><span style="font-family:'应用字体 Bold', '应用字体';">点击，可取消选定</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31283" class="ax_default _文本段落">
                      <div id="u31283_div" class=""></div>
                      <div id="u31283_text" class="text ">
                        <p><span style="font-family:'应用字体 Bold', '应用字体';">未激活成员不可选择</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31284" class="ax_default _形状">
                      <div id="u31284_div" class=""></div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31285" class="ax_default _形状">
                      <div id="u31285_div" class=""></div>
                      <div id="u31285_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">头像</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31286" class="ax_default _文本段落">
                      <div id="u31286_div" class=""></div>
                      <div id="u31286_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">王五</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u31287" class="ax_default _文本段落">
                      <div id="u31287_div" class=""></div>
                      <div id="u31287_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">未激活</span></p>
                      </div>
                    </div>

                    <!-- 张三头像（前） (矩形) -->
                    <div id="u31288" class="ax_default _形状 ax_default_hidden" data-label="张三头像（前）" style="display:none; visibility: hidden">
                      <div id="u31288_div" class=""></div>
                      <div id="u31288_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">张三</span></p>
                      </div>
                    </div>

                    <!-- 李四头像（后） (矩形) -->
                    <div id="u31289" class="ax_default _形状 ax_default_hidden" data-label="李四头像（后）" style="display:none; visibility: hidden">
                      <div id="u31289_div" class=""></div>
                      <div id="u31289_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">李四</span></p>
                      </div>
                    </div>

                    <!-- 李四头像（前） (矩形) -->
                    <div id="u31290" class="ax_default _形状 ax_default_hidden" data-label="李四头像（前）" style="display:none; visibility: hidden">
                      <div id="u31290_div" class=""></div>
                      <div id="u31290_text" class="text ">
                        <p><span style="font-family:'应用字体 Regular', '应用字体';">李四</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 请选择审批人 (矩形) -->
            <div id="u31291" class="ax_default box_2 ax_default_hidden" data-label="请选择审批人" style="display:none; visibility: hidden">
              <div id="u31291_div" class=""></div>
              <div id="u31291_text" class="text ">
                <p><span style="font-family:'应用字体 Regular', '应用字体';">请选择审批人</span></p>
              </div>
            </div>

            <!-- 请填写步骤名称 (矩形) -->
            <div id="u31292" class="ax_default box_2 ax_default_hidden" data-label="请填写步骤名称" style="display:none; visibility: hidden">
              <div id="u31292_div" class=""></div>
              <div id="u31292_text" class="text ">
                <p><span style="font-family:'应用字体 Regular', '应用字体';">请填写步骤名称</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u31170_state2" class="panel_state" data-label="删除步骤" style="visibility: hidden;">
          <div id="u31170_state2_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u31293" class="ax_default _形状1">
              <div id="u31293_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u31294" class="ax_default box_1">
              <div id="u31294_div" class=""></div>
              <div id="u31294_text" class="text ">
                <p><span style="font-family:'应用字体 Regular', '应用字体';">确认删除吗？</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u31295" class="ax_default box_1">
              <div id="u31295_div" class=""></div>
              <div id="u31295_text" class="text ">
                <p><span style="font-family:'应用字体 Regular', '应用字体';">取消</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u31296" class="ax_default box_1">
              <div id="u31296_div" class=""></div>
              <div id="u31296_text" class="text ">
                <p><span style="font-family:'应用字体 Regular', '应用字体';">确认</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
